<template>
  <div>
    <h2 class="detail-title">个人基本信息</h2>
    <div class="detail-info">
      <div class="detail-item">用户ID：{{data.userid}}</div>
      <div class="detail-item">用户名：{{data.username}}</div>
      <div class="detail-item">手机号：{{data.phone}}</div>
      <div class="detail-item">邮箱：{{data.email}}</div>
      <div class="detail-item">性别：{{data.sexLabel}}</div>
      <div class="detail-item">身份类型：{{data.identityLabel}}</div>
      <div class="detail-item">用户状态：{{data.statusLabel}}</div>
      <div class="detail-item">创建时间：{{data.create_time}}</div>
      <div class="detail-item">老师工号：{{data.teacherid}}</div>
      <div class="detail-item">学校名称：{{data.school_name}}</div>
      <div class="detail-item">学院名称：{{data.college_name}}</div>
      <div class="detail-item">已开课程：{{data.course_name}}</div>
    </div>
    <!-- <h2 class="detail-title">第三方登录信息</h2>
    <div class="detail-info">
      <div class="detail-item">OpenId：{{data.openid}}</div>
      <div class="detail-item">昵称：{{data.nickname}}</div>
      <div class="detail-item">地区：{{data.region}}</div>
      <div class="detail-item">
        头像:
        <img :src="data.avatar" width="100" height="100" />
      </div>
    </div> -->
    <el-button class="go-back-btn" @click="goBack" type="primary">返回</el-button>
  </div>
</template>
<script>
import goBack from "@/mixins/goBack";
import {teacherModel} from '@/api/admin_models';
export default {
  mixins: [goBack],
  components: {},
  data() {
    return {
      data: {
        id: null,
        data: {}
      }
    };
  },
  mounted() {
    this.id = this.$route.params.id;
    this.getData();
  },
  methods: {
    getData() {
      teacherModel.item(this.id, res => {
        this.data = res.data;
      })
    }
  }
};
</script>
<style lang="scss">
</style>